body{
				background-color: #161823;
			}
			#sort{
				margin: 10px 0 10px 10px;
				width:1000px;
				height: 80px;
			}
			.sort_ul{
				//border: red 1px solid;
				color:	#cccccf;
				width: 90%;
			}
			.sort_li{
				display: inline-block;
				font-size: 20px;
				margin-top: 25px;
				margin-bottom: 1px;
				padding: 0 20px 0 20px;
			}
			.changen{
				cursor: pointer;
				padding-bottom: 8px;
		
			}
			#main{
				margin: 10px 0 10px 0;
				height: auto;
			}
			.main_div{
				width: 350px;
				height: 360px;
				margin-bottom: 20px;
				margin-right: 20px;
				float: left;
			}
			.image-container video{
				width: 350px;
				height: 270px;
			}
			.mianimg{
				width: 350px;
				height: 270px;
				object-fit: cover;
				border-radius: 5px 10px 10px 5px;
			}
			.image-container {
				width: 350px;
				height: 270px;
				position: relative;
				display: inline-block;
				overflow: hidden;		
			}
			 
			.image-container::after {
			  content: '';
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  height: 100%; /* 渐变区域的高度 */
			  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
			}
			.liketime{
				position: relative;
				top: -35px;
				width: 100%;
				height: 20px;
				color: white;
				margin-bottom: -35px;
			}
			.like{
				width: 60px;
				margin-left: 10px;
			}
			.layui-icon{
				margin-right:2px;
			}
			.time{
				width: 26px;
				position: relative;
				right: -300px;
				top: -16px;
			}
			.tilie{
				margin-top: 25px;
				color: #cccccf;
				font-size: 16px;
			}
			.author{
				margin-top: 6px;
				font-size: 14px;
				color: #929293;
			}